<template>
  <div class="test-a">
    <div class="item-div" v-if="isShow.tableWaitingWork">
      <TableWaitingWork></TableWaitingWork>
    </div>
    <div class="item-div" v-if="isShow.sourceOfMoney">
      <cwOneTwo></cwOneTwo>
    </div>
    <div class="item-div" v-if="isShow.farmTools">
      <cwTwoOne></cwTwoOne>
    </div>
    <div class="item-div" v-if="isShow.organicProducts">
      <cwTwoTwo></cwTwoTwo>
    </div>
    <div class="item-div" v-if="isShow.vegetableArea">
      <cwThreeOne></cwThreeOne>
    </div>
    <div class="item-div" v-if="isShow.profits">
      <cwThreeTwo></cwThreeTwo>
    </div>
    <div class="item-div" v-if="isShow.wage">
      <cwFourOne></cwFourOne>
    </div>

    <div class="down"></div>
  </div>
</template>

<script>
import cwOneTwo from "../components/cw-echarts/cwOneTwo.vue";
import cwTwoOne from "../components/cw-echarts/cwTwoOne.vue";
import cwTwoTwo from "../components/cw-echarts/cwTwoTwo.vue";
import cwThreeOne from "../components/cw-echarts/cwThreeOne.vue";
import cwThreeTwo from "../components/cw-echarts/cwThreeTwo.vue";
import cwFourOne from "../components/cw-echarts/cwFourOne.vue";
import TableWaitingWork from "../components/TableWaitingWork.vue";
export default {
  data() {
    return {
      isShow: {}
    };
  },
  components: {
    cwOneTwo,
    cwTwoOne,
    cwTwoTwo,
    cwThreeOne,
    cwThreeTwo,
    cwFourOne,
    TableWaitingWork
  },
  methods: {
    getChartShow() {
      let ishow = {};
      const { shows } = this.$store.getters.getChartsShowByModule("财务管理");
      shows.forEach(item => {
        ishow[`${item.key}`] = item.show;
      });
      this.isShow = ishow
    }
  },
  mounted() {
    this.getChartShow();
  }
};
</script>
